<template>
	<view class="u-page">
		<up-list>
			<up-list-item v-for="(item, index) in props.initValue" :key="index">
				<up-cell :title="item.title">
					<template #icon>
						<up-avatar shape="square" size="35" :src="item.image"
							customStyle="margin: -3px 5px -3px 0"></up-avatar>
					</template>
				</up-cell>
			</up-list-item>
		</up-list>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	const initValue = ref([])
	const props = defineProps({
		initValue: {
			type: Array,
			default: []
		}
	})
</script>

<style>
	.u-list {
		height: auto !important;
	}
</style>